<template>
  <div id="app">
    <router-view v-if="isRouterShow"></router-view>
  </div>
</template>

<script>
export default {
  name: "app",
  provide(){
    return{
      reload:this.reload
    }
  },
  data(){
    return{
      isRouterShow:true
    }
  },
  methods:{
    async reload(){
      this.isRouterShow=false
      await this.$nextTick()
      this.isRouterShow=true
    }
  }

};
</script>

<style>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  font-size: 18px;
  height: 100%;
}

 /* ::-webkit-scrollbar {
    width: 4px;    
  }
    ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
  }
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
  } */
</style>
